<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<title>二手房交易--首页</title>
<body>
	<div class="logo"> <!--Logo展示-->
		<table>
			<tr>
				<td width=140><img width=100 height=100 src="images/logo.png" style="margin-top:3px"/></td>
				<td width=240></td>
				<td style="text-align:center">二手房交易网</td>
			</tr>
		</table>
	</div>	
	<div class="content"> <!--主要内容区域-->
		<div class="me_ty">
			<div class="menu">
				<div style="margin-left:1px"><a href="index.html">首页</a></div>
				<div><a href="xiangqing.html">查看售房信息</a></div>
				<div><a href="fabu.html">发布售房信息</a></div>
				<div><a href="xiugai.html">修改售房信息</a></div>
				<div><a href="gywm.html">关于我们</a></div>
			</div>
			<div class="clear"></div>
			<div class="con_type_cen"><!--房屋类型样式图例显示-->
				<div class="fold_wrap" style="width:800px;">
					<ul class="clearfix" id="sm">
						<li style="width: 100px;">
							 <a href="#" target="_blank">
							  <div class="mask_b" style="display: block;"><h4>一室一厅</h4></div>
							  <img src="images/96.jpg" style="width:300px;height:200px;"/>
							 </a>
						</li>
						<li style="width: 100px;">
							<a href="#" target="_blank">
							<div class="mask_b" style="display: block;"><h4>两室一厅</h4></div>
								<img src="images/94.jpg" style="width:300px;height:200px;" />
							</a>
						</li>
						<li style="width: 100px;">
							<a href="#" target="_blank">
							<div class="mask_b" style="display: block;"><h4>三室一厅</h4></div>
							 <img src="images/95.jpg" style="width:300px;height:200px;" />
							</a>
						</li>
						<li style="width: 100px;">
							<a href="#" target="_blank">
							<div class="mask_b" style="display: block;"><h4>三室两厅</h4></div>
							<img src="images/11.jpg" style="width:300px;height:200px;" />
							</a>
						</li>
						 <li style="width: 100px;">
							<a href="#" target="_blank">
							<div class="mask_b" style="display: block;"><h4></h4></div>
							<img src="images/5.jpg" style="width:300px;height:200px;" />
							</a>
						</li>
					</ul>
				</div>	
			</div>
		</div>
		<div class="con_type_chose">
			<div class="con_diqu_top">西安 >> 城西 >> 土门</div> <!--地区层叠显示-->
			<div class="con_jutihuafen">
				区域：全西安 莲湖 新城 碑林 雁塔 灞桥 蓝田 未央 阎良 临潼 长安 高新 沣渭新区 曲江新区 高陵 户县 周至 浐灞 泾渭新区<p>
				售价: 不限 20万以下 20-50万 50-100万 100-150万 150万以上 <p>
				面积: 不限 50㎡以下 50-70㎡ 70-90㎡ 90-110㎡ 110-130㎡ 130-150㎡ 150-200㎡ 200-300㎡ 300㎡以上<p>
				房型: 不限 1室 2室 3室 4室 5室 5室以上<p>
			</div>
			<div class="con_house_title"> <!--房屋信息一览-->
				<table>
					<tr>
					<td>房屋信息一览</td><td width=370></td>
					<td><input type="text" name="in1" value="输入关键字试试" style="color:#DA70D6" onfocus="this.value=''" onblur="this.value='输入关键字试试'"> <input type="button" value="搜索" style="background:#FF8C00;color:white"></td>
					</tr>
				</table>
			</div>
			<div class="con_house_bottom">
				<form action="#" method="post" name="f">
					<div class="con_house_show" onmouseover="showbg(this)" onmouseout="out(this)">
						<hr width=100% color=#d6d6d6></hr>
						<table border=0>
							<tr>
								<td width=180 height=140><a href="#"><img src="images/11.jpg"></a></td>
								<td width=590 height=140>
									<table style="padding:10px;line-height:24px">
										<tr><td class="title"><a href="#">二环边，地铁口现房，直接入住，有证无税，可按揭</a></td><td><b style="font-size:22px; color:#FF4500" >73</b>万</td></tr>
										<tr><td class="wenzi">新兴骏景园新城二手房出售--城东金花北路369号</td><td style="padding-left:40px; font-size:12px">121㎡ (6033元/㎡)</td></tr>
										<tr><td>........</td><td></td></tr>
										<tr><td class="wenzi">3室2厅1卫/商品房/18/22层/中等装修/南北向/今天</td><td></td></tr>
									</table>
								</td>
							</tr>
						</table>
						<hr width=100% color=#d6d6d6></hr>
					</div>
					<div class="con_house_show" onmouseover="showbg(this)" onmouseout="out(this)">
						<hr width=100% color=#d6d6d6></hr>
						<table border=0>
							<tr>
								<td width=180 height=140><a href="#"><img src="images/12.jpg"></a></td>
								<td width=590 height=140>
									<table style="padding:10px;line-height:24px">
										<tr><td class="title"><a href="#">二环边，地铁口现房，直接入住，有证无税，可按揭</a></td><td><b style="font-size:22px; color:#FF4500" >73</b>万</td></tr>
										<tr><td class="wenzi">新兴骏景园新城二手房出售--城东金花北路369号</td><td style="padding-left:40px; font-size:12px">121㎡ (6033元/㎡)</td></tr>
										<tr><td>........</td><td></td></tr>
										<tr><td class="wenzi">3室2厅1卫/商品房/18/22层/中等装修/南北向/今天</td><td></td></tr>
									</table>
								</td>
							</tr>
						</table>
						<hr width=100% color=#d6d6d6></hr>
					</div>				
					<div class="con_house_show" onmouseover="showbg(this)" onmouseout="out(this)">
						<hr width=100% color=#d6d6d6></hr>
						<table border=0>
							<tr>
								<td width=180 height=140><a href="#"><img src="images/13.jpg"></a></td>
								<td width=590 height=140>
									<table style="padding:10px;line-height:24px">
										<tr><td class="title"><a href="#">二环边，地铁口现房，直接入住，有证无税，可按揭</a></td><td><b style="font-size:22px; color:#FF4500" >73</b>万</td></tr>
										<tr><td class="wenzi">新兴骏景园新城二手房出售--城东金花北路369号</td><td style="padding-left:40px; font-size:12px">121㎡ (6033元/㎡)</td></tr>
										<tr><td>........</td><td></td></tr>
										<tr><td class="wenzi">3室2厅1卫/商品房/18/22层/中等装修/南北向/今天</td><td></td></tr>
									</table>
								</td>
							</tr>
						</table>
						<hr width=100% color=#d6d6d6></hr>
					</div>					
					<div class="con_house_show" onmouseover="showbg(this)" onmouseout="out(this)">
						<hr width=100% color=#d6d6d6></hr>
						<table border=0>
							<tr>
								<td width=180 height=140><a href="#"><img src="images/14.jpg"></a></td>
								<td width=590 height=140>
									<table style="padding:10px;line-height:24px">
										<tr><td class="title"><a href="#">二环边，地铁口现房，直接入住，有证无税，可按揭</a></td><td><b style="font-size:22px; color:#FF4500" >73</b>万</td></tr>
										<tr><td class="wenzi">新兴骏景园新城二手房出售--城东金花北路369号</td><td style="padding-left:40px; font-size:12px">121㎡ (6033元/㎡)</td></tr>
										<tr><td>........</td><td></td></tr>
										<tr><td class="wenzi">3室2厅1卫/商品房/18/22层/中等装修/南北向/今天</td><td></td></tr>
									</table>
								</td>
							</tr>
						</table>
						<hr width=100% color=#d6d6d6></hr>
					</div>					
					<div class="con_house_show" onmouseover="showbg(this)" onmouseout="out(this)">
						<hr width=100% color=#d6d6d6></hr>
						<table border=0>
							<tr>
								<td width=180 height=140><a href="#"><img src="images/15.jpg"></a></td>
								<td width=590 height=140>
									<table style="padding:10px;line-height:24px">
										<tr><td class="title"><a href="#">二环边，地铁口现房，直接入住，有证无税，可按揭</a></td><td><b style="font-size:22px; color:#FF4500" >73</b>万</td></tr>
										<tr><td class="wenzi">新兴骏景园新城二手房出售--城东金花北路369号</td><td style="padding-left:40px; font-size:12px">121㎡ (6033元/㎡)</td></tr>
										<tr><td>........</td><td></td></tr>
										<tr><td class="wenzi">3室2厅1卫/商品房/18/22层/中等装修/南北向/今天</td><td></td></tr>
									</table>
								</td>
							</tr>
						</table>
						<hr width=100% color=#d6d6d6></hr>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="right"> <!--右侧竖形区域-->
		<div class="yblan" style="background:#87CEFA;border:#00FFFF 1px solid"><!--登录框 圆角模板开始-->
		<div class="ybtop" style="height:28px"><h3 style="font-size:13px;" ><font color=#666666 size=4>用户登录</font></h3></div>
		<div class="ybmid"><!--内容写在这个里面-->
			<table border=0 width=90% style="line-height:30px;text-align:center">
			<tr>
				<td>用户名</td>
				<td><input type=text name=user></td>
			</tr>
			<tr>
				<td>密&nbsp;&nbsp;码</td>
				<td><input type=password name=pass></td>
			</tr>
			<tr align=center>
				<td colspan=2>
					<a href=reg.html>用户注册</a> | <a href=forget.html>忘记密码</a>
				</td>
			</tr>
			<tr align=center>
				<td colspan=2>
					<input type=submit name=enter value=确定>
					<input type=reset name=enter value=取消>
				</td>
			</tr>
			</table>
		</div><!--内容部分结束-->
		<div class="ybbot"><div></div></div>
		</div><!--圆角模板结束-->
		<div class="tuisong">
			<div class="ts_title">智能推广</div>
			<div class="ts_cont" onmouseover="ts_show(this)" onmouseout="ts_out(this)">
				<table>
					<tr>
						<td><a href="#"><img src="images/99.jpg"></a></td>
						<td width=12></td>
						<td>[二手房出售]<br><a href="#">高新一区，电梯洋楼，紧急出售</a><br>价格：65万</td>
					</tr>
				</table>
			</div>
			<div class="ts_cont" onmouseover="ts_show(this)" onmouseout="ts_out(this)">
				<table>
					<tr>
						<td><a href="#"><img src="images/98.jpg"></a></td>
						<td width=12></td>
						<td>[二手房出售]<br><a href="#">高新一区，电梯洋楼，紧急出售</a><br>价格：65万</td>
					</tr>
				</table>
			</div>
			<div class="ts_cont" onmouseover="ts_show(this)" onmouseout="ts_out(this)">
				<table>
					<tr>
						<td><a href="#"><img src="images/97.jpg"></a></td>
						<td width=12></td>
						<td>[二手房出售]<br><a href="#">高新一区，电梯洋楼，紧急出售</a><br>价格：65万</td>
					</tr>
				</table>
			</div>
			<div class="ts_cont" onmouseover="ts_show(this)" onmouseout="ts_out(this)">
				<table>
					<tr>
						<td><a href="#"><img src="images/96.jpg"></a></td>
						<td width=12></td>
						<td>[二手房出售]<br><a href="#">高新一区，电梯洋楼，紧急出售</a><br>价格：65万</td>
					</tr>
				</table>
			</div>
			<div class="ts_title">可能喜欢</div>
			<div class="xh_cont">
				<table>
					<tr><td colspan=2><a href="#"><img src="images/90.jpg"></a></td></tr>
					<tr><td style="color:#FF4500;text-align:left"><b>69</b>万</td>
						<td style="color:#778899;text-align:right">泾渭新区--西安</td>
					</tr>
					<tr><td colspan=2 style="text-align:left"><a href="#">独家独户连排别墅 高层的价位 贵族的享受</a></td></tr>
				</table>
			</div>
			<div class="xh_cont">
				<table>
					<tr><td colspan=2><a href="#"><img src="images/91.jpg"></a></td></tr>
					<tr><td style="color:#FF4500;text-align:left"><b>69</b>万</td>
						<td style="color:#778899;text-align:right">泾渭新区--西安</td>
					</tr>
					<tr><td colspan=2 style="text-align:left"><a href="#">独家独户连排别墅 高层的价位 贵族的享受</a></td></tr>
				</table>
			</div>
			<div class="xh_cont">
				<table>
					<tr><td colspan=2><a href="#"><img src="images/92.jpg"></a></td></tr>
					<tr><td style="color:#FF4500;text-align:left"><b>69</b>万</td>
						<td style="color:#778899;text-align:right">泾渭新区--西安</td>
					</tr>
					<tr><td colspan=2 style="text-align:left"><a href="#">独家独户连排别墅 高层的价位 贵族的享受</a></td></tr>
				</table>
			</div>
		</div>
	</div>
	<p class="clear"></p>
	<div class="bottom">
	关于二手房 - 房屋推广 - 渠道合作 - 帮助中心 - 手机号被冒用 - 友情链接 - 招贤纳士 - 区县导航 - 手机赶集 - 二手房出售极速版 - 二手房出售触屏版
	</div>
</body>
<script type="text/javascript">
     $(function () {
         var sliderElement = $('.slider-carousel');
         sliderElement.slidesjs({
             play: {
                 auto: true,
                 effect: 'fade'
             },
             navigation: {
                 effect: "fade"
             },
             pagination: {
                 effect: "fade"
             },
             effect: {
                 slide: {
                     speed: 400
                 }
             }
         });
         var slidernav = sliderElement.find('.slidesjs-navigation');
         sliderElement.hover(function () {
             slidernav.stop().animate({
                 opacity: 1
             })
         }, function () {
             slidernav.stop().animate({
                 opacity: 0
             });
         });
     });
</script>
<script type="text/javascript">
    (function () {
        var slideMenu = function () {
            var sp, st, t, m, sa, l, w, gw, ot;
            return {
                destruct: function () {
                    if (m) {
                        clearInterval(m.htimer);
                        clearInterval(m.timer);
                    }
                },
                build: function (sm, sw, mt, s, sl, h) {
                    sp = s;
                    st = sw;
                    t = mt;
                    m = document.getElementById(sm);
                    sa = m.getElementsByTagName('li');
                    l = sa.length;
                    w = m.offsetWidth;
                    gw = w / l;
                    ot = Math.floor((w - st) / (l - 1));
                    var i = 0;
                    for (i; i < l; i++) {
                        s = sa[i];
                        s.style.width = gw + 'px';
                        this.timer(s)
                    }
                    if (sl != null) {
                        m.timer = setInterval(function () {
                            slideMenu.slide(sa[sl - 1])
                        }, t)
                    }
                },
                timer: function (s) {
                    s.onmouseover = function () {
                        clearInterval(m.htimer);
                        clearInterval(m.timer);
                        m.timer = setInterval(function () {
                            slideMenu.slide(s)
                        }, t);
                        $(this).find('.mask_b').hide();
                    }
                    s.onmouseout = function () {
                        clearInterval(m.timer);
                        clearInterval(m.htimer);
                        m.htimer = setInterval(function () {
                            slideMenu.slide(s, true)
                        }, t);

                        $(this).find('.mask_b').show();

                    }
                },
                slide: function (s, c) {
                    var cw = parseInt(s.style.width);
                    if ((cw < st && !c) || (cw > gw && c)) {
                        var owt = 0; var i = 0;
                        for (i; i < l; i++) {
                            if (sa[i] != s) {
                                var o, ow; var oi = 0; o = sa[i]; ow = parseInt(o.style.width);
                                if (ow < gw && c) {
                                    oi = Math.floor((gw - ow) / sp);
                                    oi = (oi > 0) ? oi : 1;
                                    o.style.width = (ow + oi) + 'px';

                                } else if (ow > ot && !c) {
                                    oi = Math.floor((ow - ot) / sp);
                                    oi = (oi > 0) ? oi : 1;
                                    o.style.width = (ow - oi) + 'px';

                                }
                                if (c) {
                                    owt = owt + (ow + oi)
                                } else {
                                    owt = owt + (ow - oi)
                                }
                            }
                        }
                        s.style.width = (w - owt) + 'px';
                    } else {
                        if (m.htimer)
                            clearInterval(m.htimer)
                        if (m.timer)
                            clearInterval(m.timer);
                    }
                }
            };
        }();
        slideMenu.build('sm', 300, 10, 10, 1);
        $(window).resize(function () {
            if (slideMenu) {
                slideMenu.destruct();
            }
            slideMenu.build('sm', 300, 10, 10, 1);
        });
    })();
	
	function showbg(t){
		//alert("111111");
		t.style.background="#E0FFFF";
		t.style.cursor="hand";
	}
	function out(t){
		t.style.background="#FFFFE0";
	}
	function ts_show(t)
	{
		t.style.background="#E0FFFF";
	}
	function ts_out(t)
	{
		t.style.background="#FFFFE0";
	}
</script>
</html>